import { styled } from "@mui/material";

export const SideBarWrapper = styled("div")(() => ({
	width: "100%",
	minWidth: "300px",
	padding: "12px",
	height: "100%",
	display: "flex",
	flexDirection: "column",
	alignItems: "flex-start",
	justifyContent: "space-between",
	background: "none",
}));

export const SideBarNavigateWrapper = styled("div")(() => ({
	width: "100%",
	height: "fit-content",
	display: "flex",
	flexDirection: "column",
	alignItems: "flex-start",
	justifyContent: "center",
}));

export const SideBarActionsWrapper = styled("div")(() => ({
	width: "100%",
	height: "fit-content",
	display: "flex",
	alignItems: "center",
	justifyContent: "center",
	justifySelf: "flex-end",
}));
